<!DOCTYPE html>
<html>

    {include file='public/header'}

    <body>

        <div class="x-body">
            <table id="banner" lay-filter="banner"></table>
        </div>
        <script type="text/html" id="toolbarDemo">
            <div class="layui-btn-container">
                <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
            </div>
        </script>
        <script type="text/html" id="tbBar">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <!-- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a> -->
            <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="copy">复制地址</a>
        </script>
        <script>
            let video_id = GetQueryString('video_id')
        let detail_id=GetQueryString('did')
            let params = {
                elem: '#banner',
                toolbar: '#toolbarDemo',
                url: '/admin/videoDetail/getRechargeConfig',
                // 数据接口
                // 数据接口
                id: 'banner',
                page: false,
                where: {
                video_id,
                detail_id
                },
                cols: [
                    [
                        { // 表头
                            field: 'name',
                            title: '小程序名称',
                            align: 'center',
                            templet: function (d) {
                                return d.platform == 1 ? '抖小-比翼鸟短剧' : '快小-比翼鸟短剧'
                            }
                        }, {
                            field: 'video_name',
                            title: '挂载地址',
                            align: 'center',
                            templet: function (d) {
                            let addr = `pages/index/index?video_id=${video_id}&video_detail_id=${GetQueryString('did')}&source=link&mount_id=${d.id}`
                            return d.platform == 1 && d.dy_param !== '' ? addr + d.dy_param : addr;
                        }
                        }, {
                            field: 'recharge_template_name',
                            title: '充值金额面板',
                            align: 'center'
                        }, {
                            toolbar: '#tbBar',
                            title: '操作',
                            width: 150,
                            align: 'center'
                        }
                    ]
                ],
                // parseData: function (res) { // res 即为原始返回的数据

                //     if (res.data.length <= 0) { // return [{'name':'抖小-比翼鸟短剧'},{'name':'快小-比翼鸟短剧'}]
                //     return {
                //             "code": res.code, //解析接口状态
                //             "msg": res.message, //解析提示文本
                //             "data":[{'name':'抖小-比翼鸟短剧'},{'name':'快小-比翼鸟短剧'}]//解析数据列表
                //             };
                //     } else {
                //         return {
                //             "code": res.code, // 解析接口状态
                //             "msg": res.message, // 解析提示文本
                //             "data": res.data // 解析数据列表
                //         };
                //     }
                // }
            }
            tableList(params)

            function copyCode(content) {
                var oInput = document.createElement('input');
                oInput.value = content;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                oInput.className = 'oInput';//设置class名
                document.getElementsByClassName("oInput")[0].remove();//移除这个input
                layer.msg('复制成功！', { icon: 0, skin: 'success_msg', time: 3000 });// success_msg; error_msg;warn_msg;
            }

            layui.use('table', function () {
                var table = layui.table;
                table.on('toolbar(banner)', function (obj) {
                    var event = obj.event;
                    if (event === 'add') {
                        x_admin_show('添加', `./mount_info.html?video_id=${
                            GetQueryString('video_id')
                        }&video_name=${
                            GetQueryString('video_name')
                        }`, 650, 450);
                    }
                });
                table.on('tool(banner)', function (obj) {
                    var event = obj.event;
                    if (event === 'del') {
                        DeleteAjax('/admin/banner/delete', {
                            id: obj.data.id
                        }, 'banner')
                    } else if (event === 'edit') {
                        x_admin_show('编辑', `./mount_info.html?video_id=${
                            GetQueryString('video_id')
                        }&video_name=${
                            GetQueryString('video_name')
                        }&id=${
                            obj.data.id
                        }`, 650, 450);
                    }else if (event === 'copy') {

                    let str =`pages/index/index?video_id=${video_id}&video_detail_id=${GetQueryString('did')}&source=link&mount_id=${obj.data.id}`
                   
                        copyCode( obj.data.platform == 1 && obj.data.dy_param !== '' ? str + obj.data.dy_param : str);


                    }
            });

            });
        </script>
    </body>

</html>
